<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title></title>
        <link href="favicon.ico" rel="shortcut icon">
        <script src="./js/common/vue.js"></script>
        <script src="js/common/axios.min.js"></script>
        <script src="./js/common/vue-resource.js"></script>
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/service.css">
    </head>
    <body>
        <div id="contn">
            <v-header></v-header>
            <v-main></v-main>
        </div>
        <template id="vMain">
            <main>
                <div class="storeBox" v-html='navdtls.htmlContent'></div>
                <div class="heading">
                    <img :src="navdtls.imagePath" class="obj-c">
                    <div class="fluid flex flex-align-items"></div>
                </div>
                <div class="booking fluid">
                    <p class="chn">极速预约</p>
                    <p class="eng">cooperative</p>
                    <div class="inpBox flex">
                        <div class="inp">
                            <input type="text" placeholder="请输入您的姓名">
                            <input type="text" placeholder="请输入您的手机号">
                        </div>
                        <p class="submit">免费预约</p>
                    </div>
                    <div class="advtg"></div>
                </div>
                <div class="recommend fluid">
                    <div class="title flex">
                        <p>精选服务</p>
                        <span>公司服务,优质精选,助力前行</span>
                    </div>
                    
                </div>
            </main>
        </template>
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/dataUrl.js"></script>
        <script src="js/common/header.js"></script>
        <script>
            var contn = new Vue({
                el:'#contn',
                data:{

                },
                methods:{

                },
                components:{
                    vMain:{
                        template: '#vMain',
                        data:function(){
                            return{
                                navdtls:{}
                            }
                        },
                        created:function(){
                            this.writingWeb();
                        },
                        mounted:function(){
                            ifMounted = true;
                        },
                        methods:{
                            writingWeb:function(){
                                //获取二级栏目
                                axios.post(dataUrl + 'api/getNavbarDetails',{id:30},{
                                    headers:{
                                        Authorization: headers
                                    }
                                })
                                .then((res) => {
                                    this.navdtls = res.data.data[2];
                                    setTimeout(function(){
                                        $('main .heading .fluid').append($('.storeBox .tip')[0]);
                                        for(var a = 0;a < $('.storeBox .icons li').length;a++){
                                            var div = '<div class="itm flex flex-align-items">';
                                            div += $('.storeBox .icons li').eq(a).html();
                                            div += '<p>'
                                            div += ('<span>' + $('.storeBox .tips li').eq(a).find('p').text().split(',')[0] + '</span>');
                                            div += ('<span>' + $('.storeBox .tips li').eq(a).find('p').text().split(',')[1] + '</span>');
                                            div += '</p></div>';
                                            $('.advtg').append(div);
                                        }
                                    },10)
                                    
                                })
                            }
                        }
                    },
                    
                },
            })
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>